/**
Theme Name: Astra Child
Author: Golord
Author URI: http://wpastra.com/about/
Description: Astra 是最快、完全可定制且美观的主题，适用于博客、个人作品集和商业网站。
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* 自定义浏览器自动填充表单默认样式 */
input:-webkit-autofill,  textarea:-webkit-autofill{
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
/* 移除数量输入框默认样式 */
.input-text.qty.text::-webkit-outer-spin-button,
.input-text.qty.text::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/**
 * 数量输入框
 */
 
/* 变体和单一产品购物车盒子 */
.single-product .cart, .single-product .woocommerce-variation-add-to-cart{
    display: flex;
    flex-direction: column;
}

/* 数量盒子 */
.quantity{
    display: flex;
    align-items: center;
    margin-bottom: 20px !important;
}

/*购物车页面数量盒子*/
.woocommerce-cart .quantity{
    margin-bottom: 0 !important;
}

/* 数量文本 */
.qty-text{
    font-weight: 600;
}

/* 增减数量按钮 */
.btnQ{
    border: 1px solid #ccc;
    margin: 0 5px;
    border-radius: 50%;
    padding: 0 8px;
    cursor: pointer;
    font-family: "Courier New";
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    background: #f8f8f8;
    -webkit-user-select: none; /*禁止选中*/
}

/* 数量输入框 */
.input-text.qty.text{
    border: none !important;
    width: 30px !important;
    padding: 12px 0 !important;
}

/* 添加购物车按键 */
.single_add_to_cart_button{
    width:220px;
    height:55px;
}

/**
 * 结算表单
 */
 
/*表单列*/
#customer_details .form-row{
    position: relative;
    margin-bottom: 15px;
    padding: 0 !important;
}
/*表单列标签*/
#customer_details .form-row label:not(.checkbox){
    position: absolute;
    font-size: 10px;
    z-index: 1;
    background-color: #fff;
    top: 1px;
    left: 5px;
    padding: 6px 5px 0;
    width: calc(100% - 6px);
}
/*表单输入框*/
#customer_details .form-row .input-text, #customer_details .form-row .select2-selection{
    padding: 30px 7px 8px !important;
    border-left-width: 5px !important; 
    border-radius: 3px !important;
}
#customer_details .form-row textarea{
    min-height: 70px;
}
/*结算页登陆*/
#customer_details .woocommerce-info{
	margin-bottom: .5em !important;
}

/**
 * 支付方法
 */

/*支付列表盒子*/
.wc_payment_methods{
    border: solid 1px #ddd !important;
    border-radius: 5px;
}

/*支付方法*/
.wc_payment_method:not(:last-child){
    border-bottom: 1px solid #ddd;
}
/*支付方法选项*/
.wc_payment_method > .input-radio{
    margin: 0 0 0 15px!important;
}
/*支付方法标签*/
.wc_payment_method > label{
    line-height: 60px;
    overflow: hidden;
    cursor: pointer;
}
/*支付方法内容*/
.payment_box{
    border-top: 1px solid #ddd !important;
    margin: 0 !important;
    border-radius: 0!important;
    background-color: #efefef !important;
}
/*去除支付内容指示*/
.payment_box::before{
    content: "" !important;
    border: none !important;
    
}

/*重写Stripe样式*/
.payment_method_stripe fieldset#wc-stripe-cc-form, .payment_method_stripe fieldset#wc-stripe-upe-form{
    border: none !important;
    padding: 0 !important;
}

.payment_method_stripe fieldset#wc-stripe-cc-form .form-row{
    padding: 0 !important;
    margin: 0!important;
}

/*----------------*/
/*优惠卷输入框控制器*/
.coupon.container{
    margin-bottom: 30px;
}
/*信息提示框*/
.coupon.container .woocommerce-error, .coupon.container .woocommerce-message{
    padding-bottom: .6em !important;
    margin-bottom: 0.5em !important;
}
/*优惠卷包裹层*/
.coupon.wrapper{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.coupon.wrapper > *{
	margin: 5px 0;
}
/*优惠卷输入框*/
#coupon_code{
    border-radius: 3px;
    margin-right: 5px;
}
/*优惠卷提交按钮*/
.coupon.button{
    -webkit-user-select: none; 
    cursor: pointer;
    padding:14px 7px !important;
}
